<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:form id="formularioAgregarPrenda">
        <p:messages id="msgs" showDetail="false"  autoUpdate="true" closable="true" globalOnly="true"/>
        <p:panelGrid id="agregarDetalle" style="margin: 0px auto;">                                                          
            <p:row>
                <p:column>
                    <h:outputLabel value="PRODUCTOS DE FACT. PROF: " />  
                </p:column>
                <p:column>
                    <p:selectOneMenu  id="idArticulo" value="#{BKDetallePedido.idDetallePedidoFP}" >                              
                        <f:selectItem itemLabel="Seleccione" itemValue="" />  
                        <f:selectItems value="#{BKDetallePedido.listaDetallePedidoFP}" 
                                       var="detalle" itemValue="#{detalle.id}" itemLabel="#{detalle.nombreProducto}/#{detalle.detalle}" />

                        <p:ajax event="change" process="@this" listener="#{MBDetallePedidoOP.cargarListaParaElegirPrenda()}" update="tablaProductos" />  

                    </p:selectOneMenu> 
                    <p:message for="idArticulo" display="text" />
                </p:column>
            </p:row>
            <p:row>
                <p:column colspan="2">
                    <p:scrollPanel id="indicators" style="width: 600px; height: 400px;" mode="native">
                        <p:selectManyCheckbox id="tablaProductos" value="#{BKDetallePedido.listaArticuloElegir1}"
                                              layout="pageDirection" >
                            <p:ajax event="change" process="@this" listener="#{MBDetallePedidoOP.elegirArticulo}" />
                            <f:selectItems itemLabel="#{art.nombreComercial}" itemValue="#{art.nombreComercial}" 
                                           value="#{BKDetallePedido.listaArticuloElegir}" var="art" />   
                        </p:selectManyCheckbox>
                    </p:scrollPanel>
                    <p:message for="tablaProductos" display="text" />

                </p:column>
            </p:row>

        </p:panelGrid> 
        <p:panelGrid columns="2" style="margin: 0px auto;">
            <p:commandButton id="btn_add" value="AGREGAR" update=":formOrdenPedido:idPanelListaDetalle,:formOrdenPedido:btnGuardar,formularioAgregarPrenda"
                             oncomplete="if (args.validationFailed){ agregarPrenda.show()} else {agregarPrenda.hide()}" ajax="true" 
                             actionListener="#{MBDetallePedidoOP.agregarDetallePedidoOpPrenda}">  
            </p:commandButton>                                                                                             

            <p:commandButton value="CANCELAR"  onclick="agregarPrenda.hide()"  />                                                                         

        </p:panelGrid> 

    </h:form>
</html>   
